<div ng-controller="detailActCtr">
    <!--最近参与人存在的情况ng-if=""ng-if="activNameList"-->
    <div>
        <div class="wrap" style="background: #ffffff;padding: 0.2rem 0 0 0">
            <div class="col-xs-12 col-sm-6">
                <div class="act-con">
                    <img class="img-responsive" src="{{actDetailData.imageUrl}}" alt="">
                    <div class="cont-img-mod"><!--判断是否隐藏-->
                        <div class="cont-img-mod-text">活动进行中</div>
                        <div class="cont-img-mod-bg"></div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 detailContDescrip">
                <p class="detaiActTitlTex">{{actDetailData.title}}</p>
                <div>
                    <ul class="actDesc">
                        <li>
                            <span class="actiDetaiIcons"><img src="static/28.png"></span>
                            <span>报名时间：{{actDetailData.startTime}}-{{actDetailData.endTime}}</span>
                        </li>
                        <li>
                            <span class="actiDetaiIcons"><img src="static/27.png"></span>
                            <span>活动地点：{{actDetailData.position}}</span>
                        </li>
                        <li>
                            <span class="actiDetaiIcons" ><img src="static/25.png"></span>
                            <span>报名人数：
                                 <span>{{actDetailData.participatorNum}}/</span>
                                 <span ng-if="actDetailData.targetNum!=0">人数限制{{actDetailData.targetNum}}</span>
                                <span ng-if="actDetailData.targetNum==0">无人数限制</span>
                            </span>
                        </li>
                        <li class="actRuleText">
                            <span class="actiDetaiIcons" style="float: left"><img src="static/26.png"></span>
                            <span style="">
                                <div class="detailActRule" style="padding-left: 0.05rem;">
                                    <p class="actDetailRulTitl">活动规则：</p>
                                    <p id="actDetailRul" class="actDetailRul actDetailRulHide">{{actDetailData.attAbstract}}</p>
                                    <p class="lunchImg" ng-click="lunchActList()">
                                    <img src="static/35.png"></p>
                                </div>
                            </span>

                        </li>
                    </ul>
                </div>
                <div>
                    <ul ng-click="detailAddPrase()" class="detailFiconList1" style="z-index:10">
                        <li><img ng-src="{{detailAddPraseImagSmall}}">
                            <span>{{actDetailData.countPraise||0}}赞</span>
                        </li>
                        <li ng-click="detailAddStor()" style="position: relative"><img ng-src="{{actdetailAddStorImagSmall}}">
                            <span>收藏</span>
                            <div class="detailFiconListLine detailFiconListLineLf"></div>
                            <div class="detailFiconListLine detailFiconListLineRt"></div>
                        </li>
                        <li  style="position: relative" href="{{detailData.shareUrl}}"><a><img src="static/10.png"></a>
                            <span>分享</span>
                            <div class="bdsharebuttonbox" style="position: absolute;top:0;width: 100%;height: 100%">
                                <a class="bds_more" data-cmd="more" style="display: inline-block;width: 86px;opacity: 0"></a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div ng-click="enlist()" class="detaiHeadImg"><img id="detaiHeadImg" src="{{actImg}}"></div>
            </div>
        </div>
        <div-divider></div-divider>
        <div class="wrap" style="margin-top: 0.2rem;background: #ffffff">
            <div class="" style="padding: 0 0.15rem;width: 100%">
                <h3 class="actDetaiScriptTti">活动详情</h3>
                <div class="actDetaiScriptCon">
                    <div ng-bind-html="trustHtmlAct" class="detailConStyle"></div>
                </div>
                <div>
                    <ul class="detailFiconList detailFiconListB" style="margin: 0.35rem 0">
                        <li><img  ng-click="detailAddPrase()" src={{detailAddPraseImag}}>
                            <p>{{actDetailData.countPraise||0}}赞</p>
                        </li>
                        <li><img ng-click="detailAddStor()" src="{{detailAddStorImag}}">
                            <p>收藏</p>
                        </li>
                        <li  style="position: relative" href="{{detailData.shareUrl}}"><a><img src="static/17.png"></a>
                            <!--<p>分享</p>-->
                            <div class="bdsharebuttonbox" style="position: absolute;top:0;width: 100%;height: 100%">
                                <a class="bds_more" data-cmd="more" style="display: inline-block;width: 86px;height: 102px;opacity: 0"></a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div style="width: 100%;height: 0.2rem;background: #f6f6f6"></div>
        <div class="row wrap">
            <div ng-if="siteConfigAuditType!=2&&currentDiscussClosed!=1" style="width: 100%;background: #ffffff" ng-include="'tpl/components/comment.html'"></div>
        </div>
    </div>
    <!--//模态框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top:36%;">
                <div class="activeEntry">
                    <span ng-click="hideMod()">x</span>
                    <h2>请填写报名信息</h2>
                    <div class="activeEntryInput">
                        <input type="text" placeholder="请填写姓名" ng-model="activName">
                    </div>
                    <div class="activeEntryInput">
                        <input type="text" placeholder="请填写手机号" ng-model="activPhone">
                    </div>
                    <div class="activeEntryBtns">
                        <div class="activeEntryBtn">
                            <button ng-click="activeEntryConfirm()">确定</button>
                            <button ng-click="hideMod()">取消</button>
                        </div>
                    </div>
                </div>

            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!--回到顶部-->
    <div class="fiBtn">
        <div class="QRCode">
            <img src="static/32.png">
        </div>
        <div ng-show=true ng-click="refreshDetailAll()" class="refresh">
            <img src="static/34.png">
        </div>
        <div ng-show=true ng-click="goBackTop()" class="baToTop">
            <img src="static/33.png">
        </div>
    </div>
</div>


<style>
    .act-con{
        position: relative;
        width: 100%;
        height: 3.3rem;
        overflow: hidden;
        margin-bottom: 0.2rem;
    }
    .act-con img{
        width: 100%;
        height: 100%;
    }
    .cont-img-mod{
        position: absolute;
        border-radius: 4px;
        top: 0.1rem;
        right: 0.1rem;
        width: 0.92rem;
        height: 0.25rem;
        overflow: hidden;
    }
    .cont-img-mod-text,.cont-img-mod-bg{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top:0;
    }
    .cont-img-mod-text{
        text-align: center;
        color: #fff;
        z-index: 10;
        padding: 2px;
    }
    .cont-img-mod-bg{
        z-index: 1;
        background: #000;
        opacity: 0.6;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
    }
    .detaicActCon{
        padding: 0.15rem 0;
    }
    .detaiActTitlTex{
        font-size: 0.24rem;
        color: #333333;
        margin: 0.2rem 0;
        font-size: 0.24rem;
        color: #333333;
    }
    .actDesc li{
        font-size: 0.16rem;
        color: #666666;
        margin-bottom: 0.15rem;
    }
    .actDesc li>span:nth-of-type(2){
        position: relative;
        top: -3px;
    }
    /*.actDesc li:before{*/
        /*content:"台词：";*/
        /*background: url("../../static/28.png");*/
        /*height: 20px;*/
        /*width: 20px;*/
    /*}*/
    .detaiHeadImg{
        z-index: 100;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .detailContDescrip{
      padding: 2px 0.15rem;
      position: relative;
    }
    .actDeatiShar{
        position: absolute;
        bottom: 0.1rem;
        left: 0;
    }
    .detailActRule{
        overflow: hidden;
    }

    .actDetailRulTitl{
        float: left;
    }
    .actRuleText{
        margin-bottom: 3px;
    }
    /*展开只需要去掉height限制*/
    .actDetailRul{
        float: left;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .actDetailRulHide{
        -webkit-line-clamp: 3;
    }
    .actDetaiScriptTti{
        font-size: 0.24rem;
        color: #000000;
        padding: 0.2rem 0;
        border-bottom:1px solid #e3e3e3;
        margin-bottom: 0.2rem;
    }
    .actDetaiScriptCon{
        font-size: 0.16rem;
        color: #333333;
    }
    .lastActivitPerson{
        overflow: hidden;
    }
    .lastActivitPersonOne,.lastActivitPersonTwo{
        float: left;
        width: 3.3rem;
        height: 0.5rem;
    }
    .lastActivitPersonOne img{
        position: relative;
        top: 0.1rem;
    }
    .lastActivitPersonTwo{
        width: 70%;
        margin-left: 0.1rem;
    }
    .lastActivitPersonTwoTime{
        font-size: 0.14rem;
        color: #999999;
    }

    .lunchImg{
        position: relative;
        top: 40px;
    }
    .detailFiconList li{

    }
    .detailFiconList1 li{
        width:15%;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        position: relative;
    }
    /*动画*/
    .detaiHeadImg:hover{
        cursor:pointer;
    }
    .activeEntry>span{
        cursor:pointer;
    }
</style>

<script>
    setTimeout(function(){
        window._bd_share_config = {
            common : {
                //此处放置通用设置
                bdText : shareTitle,
                bdDesc : shareTitle,
                bdUrl : shareUrl,
                bdPic : '分享图片'
            },
            share : [{
                //此处放置分享按钮设置
                "bdSize" : 16
            }],
//        slide : [{
//            //此处放置浮窗分享设置
//            bdImg : 0,
//            bdPos : "right",
//            bdTop : 100
//        }],
            image : [{

                viewType : 'list',
                viewPos : 'top',
                viewColor : 'black',
                viewSize : '16',
                viewList : ['qzone','tsina','huaban','tqq','renren','sqq']
            }]
        }
        with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
        window._bd_share_main.init();
    },1000)
</script>